@charset "utf-8";


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #666666; */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}




.VisualizationMainPage #mainContent {
	/*padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
        overflow-x: hidden;
}



.VisualizationMainPage #container {


	background: #FFFFFF;
	/*margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}


.VisualizationMainPage #algoControlSection
{
	background: #DDEEDD; 
	color:#000000; 

}


.VisualizationMainPage #generalAnimationControlSection
{
	background: #DDEEDD; 
	color:#006600; 

}

.VisualizationMainPage  #header { 
	background: #2D2926FF; 
	color:#FF7F7F;
	padding: 0 10px 0 20px; 
  
} 
 
.VisualizationMainPage #header  A:visited 
	  { text-decoration:none;
        color:#ffCC33; 
	   }
	   
	   
.VisualizationMainPage #header h1 {
	margin: 0; 
	padding: 10px 0; 
        font-size: 20px
	}
	   
.VisualizationMainPage #header A:link {
    text-decoration:none;
    color:#ffCC33;
	}
	
	
.VisualizationMainPage #container {
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}	
	
.VisualizationMainPage #mainContent {
	text-align: center;
}	
			
.VisualizationMainPage #footer  A:visited { text-decoration:none;
        color:#FF7F7F; 
}

.VisualizationMainPage #footer A:link {
    text-decoration:none;
	color:#ffCC33;
}


	

.VisualizationMainPage #mainContent h1{
	/*padding: 0 20px;*/ 
	background: #FFFFFF;
	color:#006633
}

.VisualizationMainPage #mainContent h2{
	/*padding: 0 20px;*/ 
	background: #FFFFFF;
	color:#006633
}

.VisualizationMainPage #mainContent h3{
	/*padding: 0 20px;*/ 
	background: #FFFFFF;
	color:#006633
}

td{
	text-align: center;
}

.VisualizationMainPage #footer { 
	padding: 0 10px;
    background: #2D2926FF; 
	color:#FF7F7F;
} 
.VisualizationMainPage #theory { 
	text-align: left;
        padding: 10px
} 
.VisualizationMainPage #footer p {
	margin: 0; 	padding: 10px 0; 
}

EM {text-decoration: bold;}

img {
   max-width: 100%;
}

	
.top-btn-group{
    float: left;
    margin: 2px;
}
.top-btn-group input[type=button]{
    margin-right: 6px;
    padding: 3px 6px 3px 6px;
}
.top-btn-group input[type=text]{
    margin-right: 1px;
    margin-left: 2px;
    padding: 3px;
}
.top-btn-group input[type=checkbox]{
    margin-top: 4px;
    padding: 3px;
}
.top-btn-group select{
    padding: 2px 0 3px 0;
}
.btn-ctrl-group{
    float: left;
    margin: 2px;
}
.btn-ctrl-group input[type=button]{
    margin-right: 6px;
    padding: 3px 6px 3px 6px;
}
.btn-ctrl-group input[type=text]{
    margin-right: 5px;
    padding: 3px;
}
.btn-ctrl-label{
    margin-left: 5px;
}
#VisualizationSpeedGroup{
    margin: 5px;
}
#VisualizationSpeedGroup div{
    margin-left: 5px;
}
#refLink{
    text-align: left;
    padding: 10px;
}
#refLink a{
    color: #006633;
}
